/*
 * @Author: YuA
 * @Date: 2021-08-03 23:29:12
 * @LastEditTime: 2021-08-30 19:50:04
 * @FilePath: \index\vue.config.js
 */
// module.exports = {
//   configureWebpack: {
//     resolve: {
//       // 别名
//       alias: {
//         assets: "@/assets",
//         common: "@/common",
//         components: "@/components",
//         network: "@/network",
//         views: "@/views"
//       }
//     }
//   }
// };

// cli4起别名
const path = require("path");
const resolve = dir => path.join(__dirname, dir);

module.exports = {
  chainWebpack: config => {
    // 设置快捷路径， @ 表示 'src' ，components 表示 'src/components'
    config.resolve.alias
      .set("@", resolve("src"))
      .set("assets", resolve("src/assets"))
      .set("components", resolve("src/components"))
      .set("views", resolve("src/views"))
      .set("common", resolve("src/common"))
      .set("network", resolve("src/network"));
  },
  devServer: {
    proxy: {
      //配置跨域
      "/api": {
        target: "http://localhost:3000", //这里后台的地址模拟的;应该填写你们真实的后台接口
        changOrigin: true, //允许跨域
        pathRewrite: {
          /* 重写路径，当我们在浏览器中看到请求的地址为：http://localhost:8080/api/core/getData/userInfo 时
       实际上访问的地址是：http://121.121.67.254:8185/core/getData/userInfo,因为重写了 /api
       */
          "^/api": ""
        }
      }
    }
  }
};
